<template>
  <div class="zhiboxitong">
    <top></top>
    <div class="flex">
      <div class="left">
        <left></left>
      </div>
      <div class="right">

      </div>
    </div>
  </div>
</template>

<script>
  import moment from 'moment'
  import axios from "axios";
  import top from "./components/top.vue";
  import left from "./components/left.vue";
  export default {
    components: {
      top,left
    },
    name: "zhiboxitong",
    data() {
      return {

      }
    },
    created() {

    },
    mounted() {

    },
    methods: {


    }
  }
</script>

<style scoped lang="scss">
  .zhiboxitong {
    background: #f2f2f2;
    min-height: 100vh;
    *{ box-sizing: border-box;}
    .left{width: 210px;background: #3A3E4B;}
    .right{ flex-grow: 1;}
    .flex {
      display: flex;
      flex-wrap: wrap;
    }

    .flexb {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }

    .flexc {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
    }

    .flexbc {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
    }

    .flexcc {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
    }
  }
</style>
